.bg{
    background-size: cover;/*背景盖住整个页面*/
    background: url("https://s1.ax1x.com/2022/03/27/qBSIOS.png") no-repeat;
    overflow-x: hidden;/*禁用水平滚动条*/
}

iframe{
    width: 80%;
    margin-left: 10%;
    height: 500px;
    overflow-y: hidden;
    border: 0;/*去除iframe的边框*/
}

#father::-webkit-scrollbar {
    display: none;/*隐藏滚动条*/
}
#father{
    width: 100%;
    margin-top: 25%;
    /*margin-bottom: 50px;*/
    white-space: nowrap;/*防止父容器内容换行*/
    overflow-x: auto;/*水平滚动条*/
    -webkit-overflow-scrolling:touch;
}
section>div>div{
    display: inline-block;/*行内块*/
    /*background-color: #b8c1c9;*/
    width: 250px;/*1264/4*/
    margin-left: 60px;
}
section>div>div:nth-child(-n+1){
    margin-left: 35px;/*在section左边第一个div左边设置边距*/
}
section>div>div>img{/*图片*/
    width: 250px;/*1264/4*/
    height: 350px;
}
section>div>div>div{/*图片下的文字*/
    width: 250px;/*1264/4*/
    height: 150px;
    white-space: normal;/*可以让div中的文字强制换行*/

}